<template>
  <div style="padding: 10px">
    <p>基础</p>
    <d-select :options="options" v-model="selectValue"></d-select>
    <p>尺寸</p>
    <d-select :options="options" v-model="selectValue" size="small"></d-select>
    <p>筛选</p>
    <d-select :options="options" v-model="selectValue" filterable></d-select>

    <p>selectValue值：{{ selectValue }}</p>
  </div>
</template>

<script setup lang="ts">
  import { ref } from 'vue'
  const options = ref([
    { label: '选项1', value: '1' },
    { label: '选项2', value: '2' },
    { label: '选项3', value: '3' }
  ])
  const selectValue = ref('')
</script>

<style scoped></style>
